<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="renderer" content="webkit" />
<title><s:text name="title.rank" /></title>

<link type="text/css" rel="stylesheet" href="../css/paihangbang.css" />
<script> 
   (function() {
     if (! 
     /*@cc_on!@*/
     0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<style>
    a{text-decoration:none;color:#FFF;}
    a:hover{color:#5afff7;}
	*{ margin:0; padding:0;}
	html,body{ background:#000;}
	header{}
	header>section{ background: url(images/charts.jpg) no-repeat 0 0; width:1000px; height:221px; margin:0 auto; border:2px #ccc solid; margin-top:-2px; border-bottom:none;}
	header nav{ width:1000px; margin:0 auto; height:50px;border:2px #ccc solid; border-top:none; border-bottom:none;}
	header nav>section{ width:996px; margin:0 auto; height:46px;border:2px #ccc solid; border-left:none;border-right:none;  background:-webkit-gradient(linear, 0 0, 100% 100%,color-stop(0,rgb(0,0,0)),color-stop(0.2,rgb(64,64,64)),color-stop(0.8,rgb(64,64,64)),color-stop(1,rgb(0,0,0)));
background:linear-gradient(10 10 90deg,rgb(25,0,0) 14%, rgb(255,255,0) 50%,rgb(0,0,255) 100%);
background:url(images/nav2.jpg) no-repeat 0 0 ;}
	header nav ul{ list-style:none;}
	header nav li { float:left; display: inline; border:2px #ccc solid; border-left:none; border-right:none;}
	header nav li{ height:36px; width:152px;border:1px #333 solid; margin:4px; background:url(images/nav.jpg) 0 -36px;}
	header nav li a{ display:block; height:100%; width:100%; text-decoration:none; font-size:20px; text-align:center; color:#eee; line-height:36px; font-family:"微软雅黑"; text-shadow:1px 1px 3px #000;}
	header nav li:hover{ background-position:0 0; }
	header nav li:hover a{color:#5afff7;}
	
	article{border:2px #ccc solid; border-top:none; border-bottom:none; width:1000px; margin:0 auto;}
	article>section{background:url(images/tuxing.png) repeat-y 0 0;width:750px; margin:0 auto; padding:30px 0 0 0;*padding-top:50px}
	article>section .tab_content{position:relative; top:0; left:0; display:none; padding-bottom:20px;}
	article>section .list{ height:70px; width:750px; background:url(images/border.png) no-repeat 0 0 ;margin:20px 0;}
	article>section .tab_content:first-child{ display:block;}
	.red,.green,.yellow{ visibility:visible !important;}
	.red{ color:red!important ;}
	.green{ color:green!important ;}
	.yellow{color:#d8d74b !important ;}
	section .list ul{ list-style:none;}
	section .list ul li{ float:left; font-family:"幼圆"; color:#fff; font-size:20px; text-shadow:1px 1px 1px #000}
	section .list ul li.flag{ font-size:14px; margin:28px; visibility:hidden;}
	section .list ul li.num{ margin:22px 15px 22px 10px; width:80px; font-family:"微软雅黑"}
	section .list ul li.player{ margin:24px 5px;  width:170px; height:22px; overflow:hidden; text-align:center;}
	section .list ul li.shili{ margin:24px; width:150px; height:22px;}
	section .list ul li.data{ margin:24px;}
	section .list ul li.icon{ margin:20px; background:url(images/icon.png) 0 3px; height:34px; width:25px;}
	.up{ background-position:0 -31px!important ;}
	.down{ background-position:0 -67px!important ;}
	section .pageBean{ font-family:"幼圆"; color:#fff; font-size:20px; text-shadow:1px 1px 1px #000;text-align:center}
	
	footer section{ border:2px #ccc solid; border-bottom:none; background: url(images/foter.jpg) no-repeat; height:100px; width:1000px; margin: 0 auto; margin-top:-20px;}
	footer nav{text-align:center; font-family:"幼圆"; color:#fff;font-size:15px; text-shadow:1px 1px 1px #000}
</style>
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
</head>



<body>
	<jsp:include page="newhead.jsp"></jsp:include>
	<article> <section>
	<div class="tab_content">
		<s:iterator value="pageBean.list" id="capable">
			<div class="list">
				<ul>
					<s:if test="#capable.rankup == 0">
						<li class="flag yellow">●</li>
					</s:if>
					<s:elseif test="#capable.rankup > 0">
						<li class="flag green">●</li>
					</s:elseif>
					<s:elseif test="#capable.rankup < 0">
						<li class="flag red">●</li>
					</s:elseif>
					<s:else>
						<li class="flag green">●</li>
					</s:else>
					<li class="num">NO.<s:property value="#capable.rank" />
					</li>
					<li class="player"><a
						href="playerinfo.html?uid=<s:property value="#capable.uid" />"><s:property
								value="#capable.nickname" /> </a>
					</li>
					<li class="shili">实力值：<s:property value="#capable.capable" />
					</li>
					<li class="data"><a
						href="payercapabledetails.html?uid=<s:property value="#capable.uid" />">数据分析</a>
					</li>
					<s:if test="#capable.rankup == 0">
						<li class="icon"></li>
					</s:if>
					<s:elseif test="#capable.rankup > 0">
						<li class="icon down"></li>
					</s:elseif>
					<s:elseif test="#capable.rankup < 0">
						<li class="icon up	"></li>
					</s:elseif>
					<s:else>
						<li class="icon down"></li>
					</s:else>
				</ul>
			</div>
		</s:iterator>
			<div class="pageBean">
		 共
	<s:property value="pageBean.allRow" />
	条记录 共
	<s:property value="pageBean.totalPage" />
	页 当前第
	<s:property value="pageBean.currentPage" />
	页
	<br />
	<s:if test="%{pageBean.currentPage == 1}">
 		第一页 上一页
 		</s:if>
	<s:else>
		<a href="playercapable.html?page=1">第一页</a>
		<a
			href="playercapable.html?page=<s:property value="%{pageBean.currentPage-1}"/>">上一页</a>
	</s:else>
	<s:if test="%{pageBean.currentPage != pageBean.totalPage}">
		<a
			href="playercapable.html?page=<s:property value="%{pageBean.currentPage+1}"/>">下一页</a>
		<a
			href="playercapable.html?page=<s:property value="pageBean.totalPage"/>">最后一页</a>
	</s:if>
	<s:else> 
		下一页 最后一页
		</s:else>
<br/><br/>
		</div>
	</div>


	</section> </article>

	<jsp:include page="newfoot.jsp"></jsp:include>
	<script type="application/javascript" src="../js/jquery-1.7.2.js"></script>
	<script type="text/javascript">
		function show(num) {
			$(".tab_content").eq(num).show().siblings().hide();
		}
	</script>
</body>
</html>
